做的H5页面，在APP中放了入口，在APP中访问别的页面

我们做的H5页面，希望从浏览器跳转至APP的某个特定页面，如在H5中设置购买按钮，希望点击跳转至APP内部的购买页面。

首先浏览器是不能自动判断设备是否安装APP，所以抛出如下弹窗让用户自己选：

首先，H5或APP无法判断设备是否调起APP成功，所以在什么时机给用户toast提示，是个问题。

通过时差方案：

1、setTimeout时隔几秒后，给出提示

理想过程是这样：浏览器尝试打开URL scheme，开始计时，n秒后，在当前页面给出“调起失败”的toast提示，如果成功调起APP，清除定时器，当用户在跳转APP后n秒内又返回该页面，不给出“调起失败”的提示。

（1）click触发浏览器打开URL scheme，启动定时任务：

（2）成功调起APP，判断用户离开了当前浏览器界面， 清除定时器:

判断用户离开页面方法有下面两种：

onbeforeunload该方法兼容性不好，在ios Safari中无法准确判断：

通过document.hidden或document.[webkit|moz|ms]Hidden来判断页面是否被置入后台（即应用被唤起），或visibilitychange事件，但对于Android 4.4版本以下则不支持。 // 各种浏览器兼容

该方法通过setTimeout判断时间，不同设备可能不同，不够精确稳定。

2、setInterval

但如果设置比较小的运行间隔（4.4和ios浏览器环境中，无二次弹窗确认的场景，正常提示。

附坑：

在尝试打开URLscheme 后，如果设备有一个默认的二次确认弹窗，询问是否用 xx应用来打开，往往用户还没来得及点击打开，定时器被触发了，导致toast无法精准提示。

由于微信会屏蔽scheme，所以在微信中无法唤起APP。

查看资料说，「在尝试打开URLscheme 后，再加一个页面跳转，这样对话框会被覆盖，再刷新页面，就能无需确认唤起APP」，亲测这个方案不好用。

以上唤起APP方案是我在开发中遇到采用的，如果有别的逻辑、方案，欢迎评论补充分享。